<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{margin:0;padding:0}
     
        .header{
         width:1903px;
         height:55px;
         background-color: white;
         border:1px solid rgb(212, 209, 209);
         padding: 0;
         margin:0;
         position: relative;
         position: fixed;
         top:0;
         z-index:100;
         
        }
     /*小组名字*/
        .name a{
         text-decoration:none;
         font-size:14px;
         color:#3C3B3B;
         letter-spacing: 3px;
         font-weight: bold;
         display: block;
         text-align: center;
         margin-top: 18px;
        }
        .name{
         width:150px;
         height:55px;
         border-right:1px solid rgb(212, 209, 209);
         position: absolute;
         left:0;
         top:0;
        }
     /*顶部导航*/
        .links{
         width:1000px;
         height:55px;
         position: absolute;
         left:151px;
        }
        .links a{
         text-decoration: none;
         font-size: 14px;
         color:#646464;
         display: inline-block;
         width:85px;
         text-align: center;
         margin-top:18px;
         letter-spacing: 1px;
        }
        .links a:hover{
         color:rgb(243, 127, 82);
         cursor: pointer;
        }
        .links span{
        color:rgb(212, 209, 209);
        }

     /*设置作品合集导航*/
        .single{
         width:1903px;
         height:2700px;
         background-color: rgb(244, 244, 244);
  
         position: relative;
     
        }
        .post{
         width:1512px;
         height:2340px;
         background-color:white;
      
         position: absolute;
         top:135px;
         left:204px;
         
         border:1px solid rgb(212, 209, 209);
        }
        .post-top{
         width:1512px;
         height:190px;
         background-color:white;

         border-bottom:1px solid rgb(212, 209, 209);
        }
        .post-left{
         width:320px;
         height:190px;
         position: absolute;
         left:0;
         top:0;
        }
        .post-left a:hover{
         color:rgb(243, 127, 82);
         cursor: pointer;
        }
        .post-logo{
         width:44.8px;
         height:44.8px;
         border-radius: 50%;;
         border:1px solid black;
         margin-left: 130px;
         margin-top:72px;
         position: absolute;
         display: block;
        }
        .identity,.English-name{
         font-size: 13px;
         color:#3C3B3B;
         letter-spacing: 4px;
         font-weight: bold;
        }
        .identity{
         position: absolute;
         margin-left: 220px;
         margin-top:75px;
        }
        .English-name{
         position: absolute;
         margin-left: 205px;
         margin-top:100px;
     }

     /*设置作品合集标题*/
     .post-right{
         width:872px;
         height:190px;
         position: absolute;
         left:320px;
         text-align: center;
     }
     .post-right a,.post-left a{
         text-decoration: none;
     }
     .post-title{
         font-size: 28px;
         color:#3C3B3B;
         letter-spacing: 5px;
         margin-top: 70px;
     }
     .post-info{
         font-size: 14px;;
         color:#646464;
         letter-spacing: 5px;
         line-height: 45px;
     }
     .introduction{
            width:1228px;
            height:1800px;
         
            margin-top: 60px;
            margin-left: 146px;

    }

    .introduction p{
        font-size:18px;
        color:#646464;
        line-height: 30px;
        height:80px;
    }
        .introductions {
            margin-left: 146px;
            width:1228px;
            height:360px;
        }
        .introductions p{
            font-size:18px;
            color:#646464;
            line-height: 30px;
            height:90px;
        }



        .photo{
            width:1228px;
            height:520px;
         
            margin-top: -820px;
            margin-left: 146px;
          
        }
        .photo-one div,.photo-two div,.photo-three div{
            width:228px;
            height:180px;
            float:left;
        }
        .photo-one div:not(:last-child){
            margin-right:20px;
        }
        .photo-two div:not(:last-child){
            margin-right:20px;
        }
        .photo-three div:not(:last-child){
            margin-right:20px;
        }
        .photo-one img,.photo-two img,.photo-three img{
            width:228px;
            height:150px;
            transition: all 0.5s;
            cursor: pointer;
        }
        .post img:hover{
            transform: scale(1.1);
        }

        .weixin img{
            width:136px;
            height:136px;
            position: absolute;
            margin-left: 689px;
        }
        .weixins{
            font-size:16px;
            color:#646464;
            margin-left: 678px;
            margin-top:160px;
            letter-spacing: 2px;
        }
        
        .links-bottom{
            width:1000px;
            height:65px;
            position: absolute;
            bottom:85px;
            margin-left: 760px;
        }
        .declaration{
            width:1000px;
            height:45px;
            position: absolute;
            bottom:55px;
            margin-left: 560px;
        }
        .links-bottom a{
            text-decoration: none;
            font-size: 14px;
            color:#646464;
            display: inline-block;
            width:85px;
            letter-spacing: 1px;
            text-align: center;
        }
        .declaration p{
            font-size: 14px;
            color:#646464;
            display: inline-block;
            width:800px;
            letter-spacing: 5px;
            text-align: center;
        }
        .links-bottom a:hover{
            color:rgb(243, 127, 82);
            cursor: pointer;
        }
        .links-bottom span{
           color:rgb(212, 209, 209);
        }
    </style>
</head>
<body>
     <!--设置顶部导航-->
     <div class="header">
        <!--小组名字-->
        <div class="name">
            <a href="#">FOR YOU</a>
        </div>
        <!--顶部导航-->
        <div class="links">
            <a href="#">首页</a>
            <span>|</span>
            <a href="file:///C:/Users/ASUS/Desktop/%E6%91%84%E5%BD%B1%E7%BD%91%E7%AB%99/%E8%87%AA%E8%BF%B0/%E8%87%AA%E8%BF%B0.html">关于IW.</a>
            <span>|</span>
            <a href=" https://whaleis.gitee.io/photo">作品合集</a>
            <span>|</span>
            <a href="#">摄影笔记</a>
        </div>
    </div>

    <!--设置作品合集导航-->
    <div class="single">
        <div class="post">
            <!--设置导航镜头部分-->
            <div class="post-top">
                <div class="post-left">
                    <p class="identity">摄影小白</p>
                    <a class="English-name" href="#">IWHALEIS</a>
                 
                    <img class="post-logo"src="images/LOGO.jpg" alt="">
                </div>
                <!--设置作品合集标题-->
                <div class="post-right">
                    <p class="post-title"> IWHALEIS的自述</p>
                    <p class="post-info">摄影小白的心路历程</p>
                </div>
            </div>
            <div class="introduction">
                <p>大家好，我是WHALE，在图虫上署名Whitesnowyoung。但为什么我经常会叫IWHALEIS，是因为WHALE重名的太多了！但是那并不重要。在这儿就简述一下摄影这一路的心路历程。</p>
                <p>第一次接触相机应该是初一的时候，当时只是单纯的对一拍就能出片的效果略感兴趣，也拍了不少照片，只不过是亲戚的相机。也不知道当年拍过什么景，记录过什么生活。</p>
                <p>初三时开始接触到智能手机，依旧是被即刻拍照取景的功能所吸引，除了想拍点校园的照片，没有太多的想法。但是后来手机给了妈妈，拍过的照片也早已不见。</p>
                <p>对于单反的概念，第一次听说是在中考时。当时面临着毕业，一位朋友给我留下的同学录中一条你最想要的是什么，她写着单反，因为她喜欢打羽毛球，开始还以为是什么品牌的球拍。</p>
                <p>到了高中，因为校规等各方面的严格约束，三年的生活除了学习，加上一年一次的运动会等短暂的几日活动，有关摄影的一切与我可以说不是有点相关，而是毫无相关。</p>
                <p>高中的每一次活动都会拍很多的照片，当时更多的是希望留下和同学老师的合影，当时用的也是手机拍摄的，什么所谓的构图，色彩搭配，照片参数就几乎没有听说过。</p>
                <p>来到大学，大一的时候终于知道了什么叫单反。参加比赛邀请到朋友帮忙拍摄视频，算是人生第一次接触到单反，稀里糊涂拍了几张照片。那一刻，在内心种了下种子。</p>
                <p>因为军训擒敌拳被淘汰，落得没有队伍的下场。找朋友借了个单反，搞得像真的一样，进入人群，有模有样的给同学和教官拍摄。后来因为大一忙的缘故，也没有多少接触单反。</p>
                <p>大二机缘巧合的进入了精舞门舞蹈协会，开始不得不去学习摄影技术。起初多为拍摄舞蹈视频较多，并且开始使用手机云台，开始有意识的去注意拍摄方向、转角弧度、取景地点等元素。</p>
                <p>差不多拍摄了半年多，大二下开始正式接触单反，开始尝试拍摄静物和人像；此时也开始玩起了无人机，平常的社团活动和校园活动会争取到机会拍摄。原想着给社团拍一部微电影，最后因为技术和理论知识不够，取了一半的景就不了了之了。</p>
                <p>暑假买了第一台属于自己的微单索尼阿尔法6000和单反云台，开始疯狂拍摄。整个大三上半年几乎就是拍照片，录视频加上后期。因为朋友比较多，所以也给我有了提升照相技术的机会。尝试古装汉服、夜景、校园风、静物写实、人物......只是还有很多不会和需要探索的地方。</p>
                <p>现在的我对于摄影有了更多的了解，开始试着去深入了解构图、色彩、模式、风格、修图等一系列有关摄影的元素，有时间后面也会深入学习PS和AE以及LR。</p>
            </div>
            <div class="photo">
                <div class="photo-one">
                    <div class="one-div">
                        <img src="images/紫色1.jpg" alt="">
                    </div>
                    <div class="two-div">
                        <img src="images/紫色2.jpg" alt="">
                    </div>
                    <div class="three-div">
                        <img src="images/紫色3.jpg" alt="">
                    </div>
                    <div class="four-div">
                        <img src="images/紫色4.jpg" alt="">
                    </div>
                    <div class="five-div">
                        <img src="images/紫色5.jpg" alt="">
                    </div>
                </div>
                <div class="photo-two">
                    <div class="one-div">
                        <img src="images/烟1.jpg" alt="">
                    </div>
                    <div class="two-div">
                        <img src="images/烟2.jpg" alt="">
                    </div>
                    <div class="three-div">
                        <img src="images/烟3.jpg" alt="">
                    </div>
                    <div class="four-div">
                        <img src="images/烟4.jpg" alt="">
                    </div>
                    <div class="five-div">
                        <img src="images/烟5.jpg" alt="">
                    </div>
                </div>
                <div class="photo-three">
                    <div class="one-div">
                        <img src="images/考研1.jpg" alt="">
                    </div>
                    <div class="two-div">
                        <img src="images/考研2.jpg" alt="">
                    </div>
                    <div class="three-div">
                        <img src="images/考研3.jpg" alt="">
                    </div>
                    <div class="four-div">
                        <img src="images/考研4.jpg" alt="">
                    </div>
                    <div class="five-div">
                        <img src="images/考研5.jpg" alt="">
                    </div>
                </div>    
            </div>

            <div class="introductions">
                <p>摄影给我带来的不仅仅是快乐，更是成长。不是天生就知道自己适合的路和喜欢的路，花了两年左右的时间去摸索，也慢慢的清楚了自己真正喜爱的和愿意坚持付出的。</p>
                <p>从最初的手机，手机云台，无人机再到单反，微单，单反云台...一直在不断的探索和去追求更高的图片画质、色彩呈现度、视频流畅度...不断的看图、拍图、修图。</p>
                <p>一路上，因为摄影还有舞蹈认识了很多有趣的人，经历了很多有趣的事，游玩了很多有趣的地方，也交到了最好的朋友。还是那句，摄影带给我的就是：记录生活，留住感动。</p>
                <p>兴趣也终将是兴趣，我需要在做好自己最重要的事后，再去摄影。未来的路还很长，还有很多未知的领域等待我探索，我会看更多的书，走更多的路，去见更多的人，记录更多人的生活。</p>
            </div>
            <div class="weixin">
                <img src="images/weixin.jpg" alt="">
           
            </div>     

            <p class="weixins">添加IWHALEIS微信</p>
        </div>
        <div class="links-bottom">
            <a href="#">首页</a>
            <span>|</span>
            <a href="#">关于IW.</a>
            <span>|</span>
            <a href="#">作品合集</a>
            <span>|</span>
            <a href="#">摄影笔记</a>
        </div>
        <div class="declaration">
            <p>本站照片版权属于【IWHALEIS】未经允许不得使用</p>
        </div>
    </div>
</body>
</html>